﻿/* Styles that re-define standard HTML elements throughout the application */
/*------ messages styles ------*/
        .info-msg, .success-msg, .warning-msg, .error-msg, .validation-msg
        {
            border: 2px solid;
            margin: 6px 0px;
            padding: 10px 10px 10px 40px;
            background-repeat: no-repeat;
            background-position: 10px center;
            font-size: 16px;
        }
        .info-msg
        {
            color: #00529B;
            background-color: #fff;
            background-image: url('../../Content/images/messages/info.png');
        }
        .success-msg
        {
            color: #006606;
            background-color: #fff;
            background-image: url('../../Content/images/messages/success.png');
        }
        .warning-msg
        {
            color: #b79947;
            background-color: #fff;
            background-image: url('../../Content/images/messages/warning.png');
        }
        .error-msg
        {
            color: #CD0000;
            background-color: #fff;
            background-image: url('../../Content/images/messages/error.png');
        }

A {
	color: #666666;
	text-decoration: none;
	vertical-align: middle;
}

A:hover {
	text-decoration: underline
}

A:hover.titleBar {
	font-size: 11px;
	color: #6699CC;
	text-decoration: none;
}

A.login {
	font-size: small;
	color: #666666;
}

A.titleBar {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

A.noStyle 
{
}

BODY, HTML
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: white;
	color: #666666;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

img
{
	border : none;
}

HR
{
	height: 1px;
}

H1
{
	font-size: large;
}

H2
{
	font-size: medium;
}

H3
{
	font-size: small;
}


/* Styles for tables with fixed header rows
DIV.fixedHeaderTable
{
	overflow: auto;
}

DIV.fixedHeaderTable TABLE
{
	width: 95%;
	overflow: hidden;
	background-color: #FFFFFF;
}

DIV.fixedHeaderTable TABLE THEAD
{
	position: relative;
	background-color: #FFFFFF;
}

DIV.fixedHeaderTable TABLE THEAD TR
{
	position: relative;
	top: 0px;
	left: 0px;
}

DIV.fixedHeaderTable TABLE TBODY
{
	overflow: auto;
	width: 95%;
}
*/

/* Styles for use throughout the application */
.button
{
	font-size: x-small;
	color: #666666;
	text-align: center;
	background-image:url(images/silver.png);
	background-color: #ffffff;
	border: 1px solid #999999;
	cursor: pointer;
	vertical-align: middle;
	padding: 0px 3px 0px 3px;
	height: 20px;
	/*position: relative;
	top: -1px;*/
}

/* Styles for a green button */
    .greenButton
    {	                
        text-align: center;
        background:url(../images/common/greenbutton_Middle.png);         
        border:none;               
        cursor: pointer;
        vertical-align: top;
        padding: 0px;
        height: 31px;	
        width:100%;                                             
    }        

    .greenButton_Left
    {
    	width:5px;
    	height:31px;
    	padding:0px;
    	vertical-align: top;
    	border:none;
    	background:url(../images/common/greenbutton_Left.png);   
    }

    .greenButton_Right
    {
    	width:5px;
    	height:31px;
    	padding:0px;
    	vertical-align: top;
    	border:none;
    	background:url(../images/common/greenbutton_Right.png);            	                                          
    }

.checkBox 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
	/*
	left: -4px;
	position: relative;
	*/
}

.comboBox 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
}

.optionBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	text-align: left;
	vertical-align: middle;
	
	padding: 0px;
	margin: 0px;
	height: 14px;
	width: 14px;
	
	/*left: -4px;
	position: relative;*/
	top: 0px;
}

.textArea 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
}

.textBox 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
}

.file 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #666666;
	vertical-align: middle;
	border: 1px solid #666666;
}


.titleBar {
	font-size: 11px;
	color: #666666;
	background-image:url(../images/common/gradient.png);
	background-color: #CCCCCC;
	padding: 1px 5px 1px 5px;
}

.pageTitle  
{
	font: 12px Arial, sans-serif;
	color: #006699;
	padding-left: 10px;
	background-image:url(../images/common/gradient.png);
	background-color:#E9E9E9;
	border-bottom: solid 1px #cccccc;
	height: 30px;
}

.bodyHeader 
{
	border: none;
}

.bodyContent
{
	border: none;	
	padding: 0px;
}

.error
{
	font-size: x-small;
	color: #000000;
	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #FFCC00;
	background-color: #ffffcc;
	
}

.errorUnexpected
{
	font-size: x-small;
	color: #000000;
	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #0262DB;
	background-color: #ffcccc;
	
}

.statusMessage
{
	font-size: x-small;
	color: #000000;
	
	padding: 5px;
	margin-bottom: 5px;
	border: solid 1px #CCCCCC;
	background-color: #ECECED;
	
}


.login {
	font-size: x-small;
	color: #666666;
}


/* Styles for the list bar menu */
.listBar {
	font-size: 11px;
	color: #6699CC;
	background-color: #0262DB;
	border-top: 1px solid #FFFFFF;
}

.listBarItem {
	font-size: 11px;
	color: #6699CC;
	background-color: #0262DB;
	border: 1px solid #0262DB;
}

.listBarHover {
	border: 1px solid #6699CC;
}

/* Styles for tables */
.table 
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;		
}

.tableClosed
{
	border: 1px solid #cccccc;
}




.tableColumnTitle, .tableColumnTitleStart {
	color: #666666;
	background-image:url(../images/common/gradient.png);
	background-color: #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #cccccc;
	padding: 5px;
}

.tableColumnTitleStart {
	
}

.tableGrid 
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
		
}


a.tableLink { 
	color: #666666; 
	text-decoration: none;
}

.tableRow {
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}

.tableRowBlue {
	color: #666666; 
	background-color: #F5F8FC; 
	border-bottom: solid 1px #CEE7FF;	
	border-right: solid 1px #CEE7FF;
	padding: 3px 5px 3px 5px;
}

.tableRowBlueStart {
	color: #666666; 
	background-color: #F5F8FC; 
	border-bottom: solid 1px #CEE7FF;	
	border-right: solid 1px #CEE7FF;
	border-left: solid 1px #CEE7FF;
	padding: 3px 5px 3px 5px;
}

.tableRowDark {
	color: #666666;
	background-color: #F1F8FF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}

.tableRowDarkStart {
	color: #666666;
	background-color: #F1F8FF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}

.tableRowStart {
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left: solid 1px #DEEFFF;
	padding: 3px 5px 3px 5px;
}

.tableRowTotal {  
	color: #666666;	
	background-color: #ECECED;
	border-top: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	padding: 4px 5px 4px 5px;
}

.tableRowTotalTop {  
	color: #666666;	
	background-color: #ECECED;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #DBDBDB;
	padding: 4px 5px 4px 5px;
}


/* Add-on table Styles */
.alert 
{
	color: red;
}

.standard
{	
	background-color: #FFFFFF;
}
.standardHighlight
{	
	background-color: #FFFFCC;
}


.alternate
{
	background-color: #F1F8FF;
}
.alternateHighlight
{
	background-color: #F1F8CC;
}


.total1
{
	background-color: #E9F5FF; 
}
.total1Highlight
{
	background-color: #E9F5CC; 
}


.total2
{
	background-color: #BDDFFF;
}
.total2Highlight
{
	background-color: #BDDFCC;
}

.total3
{
	color: white;
	background-color: #0066CC;
}

.total3Highlight
{
	color: white;
	background-color: #006699;
}

.total4
{
	color: white;
	background-color: #0033CC;
}

.total4Highlight
{
	color: white;
	background-color: #003399;
}

.locked 
{
	background-color: #ECECED;
}

.lockedHighlight
{
	background-color: #ECEC99;
}

/* End of add-on table styles */



.detailBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border-top: 2px solid #cccccc;
	padding: 7px 13px 7px 0px;
	height: 30;
	left: -1px;
}

.normal 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	color: #666666;
}

.imageLink
{
	cursor: pointer;	
}






/* Styles for Edit Forms */

.form
{
	font-size: x-small;
	color: #666666;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #FFFFFF;	
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse:   collapse;
}

.formContent
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: #ffffff;
	border-collapse:  collapse;
	border: none 0px;
}

.formDetail {
	color: #666666;
	padding: 4px 10px 4px  10px;
	background-color: #FFFFFF;
}

.formDetailHR 
{
	color: #666666;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	height: 10px;
}

.formDetailNoPadding {
	color: #666666;
	padding: 0px;
	background-color: #FFFFFF;
}

.formDetailDark {
	color: #666666;
	padding: 4px 10px 4px 10px;
	background-color: #F5F8FC;
}

.formDetailDarkHR 
{
	color: #666666;
	background-color: #F5F8FC;
	padding: 0px;
	margin: 0px;
	height: 16px;
}

.formDetailDarkNoPadding 
{
	color: #666666;
	background-color: #F5F8FC;
	padding: 0px
}


.formFooter {
	color: #666666;
	background-color: #ECECED;
	border-bottom: solid 1px #CCCCCC;
	padding: 0px 10px 0px 10px;
	height: 34px;
	border-collapse: collapse;
}


.formTable 
{
	background-color: #ECECED;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: x-small;
	border-collapse: collapse;
}

.formTableGrid {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.formTableColumnTitle {  
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	border-right: solid 1px #ECECED; 
	border-left:  solid 1px #DBDBDB;
	padding: 5px;
	background-color: #ECECED;
}

.formTableRow {
	color: #666666;
	background-color: #FFFFFF;
	border-top: solid 1px #DEEFFF;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left:  solid 1px #DEEFFF;
	padding: 4px 5px 4px 5px;
}

.formTableRowAlternate {
	color: #666666;
	background-color: #F5F8FC;
	border-bottom: solid 1px #DEEFFF;
	border-right: solid 1px #DEEFFF;
	border-left:  solid 1px #DEEFFF;
	padding: 4px 5px 4px 5px;
}

.formTableRowTotal {  
	color: #666666;
	padding: 4px 5px 4px 5px;
	background-color: #ECECED;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #DBDBDB;
}

.section 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	color: #777777;
	vertical-align: top;
}



/* Styles for the Loading Control */
.loading
{
	font-size: x-small;
	color: #666666;	
}


/* Styles for the menu list control */
.popupMenu
{	
	/*padding-left: 5px;*/ 
	text-align: center;
}


.popupMenuItem
{
	font-size: x-small;
	vertical-align: middle;
	padding: 3px 5px 4px 5px;
	cursor: pointer;
	text-align: left;
	border: none;
	margin: 0px;
}


.popupMenuItemDivider
{
	font-size: x-small; 
	border: none;
	vertical-align: middle; 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
}


/* Styles for the TabStrip Control */
.formTabFrameBottom {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tabOff, .tabOn, .dashboardTabOff, .dashboardTabOn, .dashboardTabDisabled, .tabSelected, .dashboardTabSelected,.tabDisabled, .formTabOff, .formTabOn, .formTabSelected, .formTabDisabled {
    font-family: Verdana, Arial, Helvetica,  Sans-serif;
    font-size: x-small;
    padding: 5px 12px 5px 12px;
}

.tabSelected {
    color: #FFFFFF;
}

.dashboardTabSelected {
    color: #FFFFFF;
}


.formTabSelected {
    color: #666666;
}

.tabOn {
    color: #ffffff;
}

.dashboardTabOn {
    color: #ffffff;
}

.formTabOn {
    color: #FFFFFF;
}

.tabOff {
    color: #FFFFFF;
}

.dashboardTabOff {
    color: #FFFFFF;
}


.formTabOff {
    color: #666666;
}

.tabDisabled {
    color: #0F385A;
    background-color: #DDDDDD;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}

.dashboardTabDisabled {
    color: #0F385A;
    background-color: #DDDDDD;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}


.tabOff {  	
    background-color: #4096EE;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}

.dashboardTabOff {  	
    background-color: #4096EE;
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #FFFFFF;
}


.tabOn {
background-color: #999999;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #FFFFFF;
    cursor: pointer;	    
}

.dashboardTabOn {
    background-color: #999999;
    border-bottom: solid 1px #999999;
    border-top: solid 1px #FFFFFF;
    cursor: pointer;	    
}


.tabSelected {
    background-color: #10385A;
    border-left: solid 1px #10385A;
    border-right: solid 1px #10385A;
    border-top: solid 1px #10385A;
}

.dashboardTabSelected {
    background-color: #10385A;
    border-left: solid 1px #10385A;
    border-right: solid 1px #10385A;
    border-top: solid 1px #10385A;
}


.formTabDisabled {
    color: #0F385A;
    background-color: #CEE7FF;
    border-bottom: solid 1px #CCCCCC;
}

.formTabOff {  	
    background-color: #EDF0F9;
    border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.formTabOn {
    background-color: #cccccc;
    border-bottom: solid 1px #CCCCCC;
    cursor: pointer;
}

.formTabSelected {
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
}

.tabIcon, .tabTail, .dashboardTabTail, .formTabIcon  {
    padding: 0px 5px 0px 5px;
    border-bottom: solid 1px #999999;
}

.formTabTail 
{
   padding: 0px 5px 0px 5px;
    border-bottom: solid 1px #CCCCCC;
}    

.tabSpace {
    background-color: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}

.dashboardTabSpace {
    background-color: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}


.formTabSpace {
    border-bottom: solid 1px #CCCCCC;
}

.tabStripBase {
    background-color: #10385A;
}

.dashboardTabStripBase {
    background-color: #10385A;
}

.dashboardTabStrip {
    background-color: #ECECED;
}

.formTabStripBase {
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: transparent;
}

.tabScrollEnabled, .tabScrollDisabled {
    padding: 2px 5px 2px 5px;	
    cursor: pointer;    
}



.toolbar 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	background-color: #ECECED;
}

.toolbarInner 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #ECECED;
	padding: 2px 2px 2px 2px;
}

.toolbarOuter {
	background-color: #ECECED;
	border-bottom: 1px solid #cccccc;
	padding: 4px 8px 4px 8px;
	height: 30px;
}






/* Styles for the Operations Bar */
.operationsBarOuter {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small;
	height: 20px;
	border-bottom: 1px solid #cccccc;
	width: 100% ;
}

.operationsBar 
{
	padding:  4px  8px  4px  8px;
	font-size: x-small;
	color: #666666;
}


/* Styles for the DashboardContainer Master Page */
.dashboardContainer
{
	padding: 10px;
	margin: 0px;
	border: none;
}

.dashboardContainerElements
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.dashboardContainerTable
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.dashboardContainerTableElement
{
	padding-right: 2px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-top: 0px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}


/* Styles for the Dashboard Element Control */
.dashboardElementContainer
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	/*vertical-align: middle;*/
	vertical-align: top;
	/*text-align: center;*/
	text-align: left;
	border-collapse: collapse;
}

.dashboardElementHeaderEnabled
{
	font-size: x-small;
	color: #666666;
	background-image:url(../images/common/gradient.png);
	/*padding: 2px 8px 2px 8px;*/
	padding: 2px 8px 0px 8px;
	/*margin: 0px 0px 2px 0px;*/
	margin: 0px 0px 0px 0px;
	border: #cccccc 1px solid;
	vertical-align: middle;
	height: 16px;
	/*border-top: #999999 1px solid;*/
	/*border-bottom: #999999 1px solid;*/
	background-color: #E9E9E9;
	
}


.dashboardElementHeaderDisabled
{
	font-size: x-small;
	color: #666666;
	padding: 2px 8px 2px 8px;
	margin: 0px 0px 2px 0px;
	vertical-align: middle;
	height: 16px;
	/*border-top: #999999 1px solid;*/
	border-bottom: #cccccc 1px solid;
	background-color: #FFFFFF;	
}


.dashboardElementHeaderTitle
{
	font-weight: bold;
	font-size: x-small;
}

.dashboardElementHeaderLink
{
	font-size: x-small;
}

.dashboardElementContent
{
	padding: 4px;
	margin: 0px;
	/*vertical-align: middle;*/
	vertical-align: top;
	/*text-align: center;*/
	text-align: left;
	overflow: auto;
	border-collapse: collapse;
}

.dashboardElementContentHiddenMessage
{
	font-size: x-small;
	color: #000000;
	padding: 4px 10px;
	color: #999999;
	margin: 0px;
	vertical-align: middle;	
	text-align: center;
	border: none;
	border-collapse: collapse;

}


/* Styles for the Dashboard Element Master Page */
.dashboardContent 
{
	font-size: x-small;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #FFFFFF;
}




/* Styles for use by Dashboard Elements */
.dashboardTable
{
	border: 1px solid #CCCCCC;
}

dashboardTableNoBorder
{
	border-collapse: collapse;
}

.dashboardTable THEAD, .dashboardTableNoBorder THEAD
{
	color: #666666;
	padding: 4px 5px 4px 5px;	
}

.dashboardTable THEAD
{
	background-color: #F1F8FF !important;
}

.dashboardTableNoBorder THEAD
{
	background-color: #F5F8FC !important;
}

.dashboardTable THEAD TR TD, .dashboardTableNoBorder THEAD TR TD
{
	color: #666666;
	padding: 7px 5px 7px 5px;	
	background-image:url(../images/common/images/gradient.png);
	background-color: #CCCCCC;
}

.dashboardTable THEAD TR TD
{
	border: 0px solid #CCCCCC;
}

.dashboardTable TBODY TR, .dashboardTableNoBorder TBODY TR
{
	color: #666666;
	background-color: #FFFFFF;
}

.dashboardTable TBODY TR.alternate, .dashboardTableNoBorder TBODY TR.alternate
{	
	background-color: #FCFCFC !important;
}

.dashboardTable TBODY TR.hover, .dashboardTableNoBorder TBODY TR.hover
{	
	cursor: default;
	background-color: #F1F8FF !important;
}

.dashboardTable TBODY TR TD, .dashboardTableNoBorder TBODY TR TD
{
	padding: 4px 5px 4px 5px;
}

.dashboardTable TBODY TR TD 
{
	border: 1px solid #F1F8FF;
}


/* Styles for the Chart Control */
.chartBorder 
{
	border: 1px solid #cccccc;
}

.chartToolBar 
{
	font-family: Verdana, Arial, Helvetica, 'Microsoft Sans Serif';
	font-size: x-small;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	background-color: #ECECED;
	padding: 5px 6px 5px 6px;
}



/* Styles for the Calendar Control */

.calendarHeader 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;
	border-bottom: 1px solid #cccccc;
}

.calendarHeaderNormal 
{
	background-color: #FFFFFF;
	border: solid 1px #DEEFFF;
}

.calendarHeaderSelected
{
	text-decoration: 'underline';
	background-color: #FFFFFF;
	border: solid 1px #DEEFFF;
}

.calendarHeaderHover 
{
	cursor: pointer;
	background-color: #DEEFFF;
	border: solid 1px #DEEFFF;
}

.calendarFooter {
	color: #666666;
	height: 30px;
	background-color: #ECECED;
	border-top: solid 1px #cccccc;
	padding: 2px 10px 1px 10px;
}

.calendarDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
}

.calendarWorkingDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
	background-color: #FFFFFF;
}

.calendarNonWorkingDay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black;
	width: 45px;
	height: 30px;		
	background-color: #CCCCCC;
}

.calendarMonth
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	width: 100%;
	height: 20px;		
}

.calendarNormal 
{
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.calendarHover 
{
	background-color: #FFFFFF;
	border: solid 1px #CEE7FF;
	cursor: pointer;
}

.calendarSelected
{
	border: solid 2px #cccccc;
}

.calendarToday 
{
	background-color: #ECECED;
	border: solid 1px #ECECED;
}

.calendarHighlighted 
{
	background-color: #ECECED;
	border: solid 1px #000000;
}


/* Styles for Dashboards */

.dashboardElementSectionTitle
{
	color: #336699;
	padding: 2px 0px 2px 0px;
}

.dashboardElementNormal
{
	color: #666666;
	padding: 2px 0px 2px 0px;
}

.dashboardTableColumnTitle {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	padding: 4px 5px 4px 5px;
	background-color: #F5F8FC;
}

.dashboardTableRow {
	font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #F1F8FF;
	border-right: 1px solid #F1F8FF;
}

.dashboardTableRowStart {
	font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #F1F8FF;
	border-left: 1px solid #F1F8FF;
	border-right: 1px solid #F1F8FF;
}


/* Styles for the Resource Availability Search */
.resAvailabilityNonWorkingDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #F1F8FF;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}

.resAvailabilityNotAvailableDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #ECECED;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}
.resAvailabilityWorkingDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: xx-small;
	color: #666666;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DEEFFF;
	border-right: 1px solid #DEEFFF;
	padding: 5px;
}


        .tbWrap 
        {
	         border: solid 1px transparent !important;	 	              	         
	         border: solid 1px #E9E9E9;	  
	         display:block;
	         height:20px;  	           	         
        }        
        
        
        .tbWrap:hover
        {
        	border: solid 1px #3169C6 !important;        	        	                	
            background-color: #C6D3EF;                        
            cursor:pointer;      
            display:block;
	        height:20px;                                        
	    }
        
        .tbWraphover    /* used in ie.6 as .tbWrap:hover doesn't work well */
        {
        	border: solid 1px #3169C6 !important;        	        	                	
            background-color: #C6D3EF;                        
            cursor:pointer;       
            display:block;
	        height:20px;                                      
	    }

        .tbWrapSelected {
            border: solid 1px #3169C6 !important;
            background-color: #C6D3EF;   
            display:block;
	        height:20px;       
        }


        /* general popup menu common styles */

        .toolbarDropDown:after 
        {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }

        .toolbarDropDown, .toolbarDropDown * {
            padding: 0;
            margin: 0;
        }

        .toolbarDropDown {
            background: #FFFFFF;
            border: 1px solid #626262;
            white-space: nowrap;
            position: absolute;
            display: block;
            text-align: left;
            padding: 2px;
            z-index: 1;
            margin-top: -1px;
        	        	
            float: left;
        }

        .toolbarDropDown .tbItem, .toolbarDropDown .tbItemFocus {    
            display: list-item;
            display: block;
            padding: 0px;	
            cursor: pointer;
        }

        .toolbarDropDown .tbItem {
            border: solid 1px #FFFFFF;
            background: #FFFFFF;
        }

        .toolbarDropDown .tbItemFocus {
            border: solid 1px #3169C6;
            background: #C6D3EF;
        }

        .toolBarDropDown .tbItem, .toolbarDropDown .tbItemFocus, .toolbarDropDown .tbSeparator {
            list-style-type: none;	
            /*width: auto;*/            
            vertical-align: top;
        }

        .toolbarDropDown .tbIcon {    
            border-width: 0px;
            display: inline-block;
            vertical-align: text-bottom;            
        }

        .toolbarDropDown .tbText {
            font: 11px/20px Tahoma, sans-serif;
            font-size: 11px;
            color: #333333;	
            padding: 0px 20px 0px 5px;	            
            vertical-align: text-bottom;
        }

        .toolbarDropDown .tbSeparator {
            background: #8F8F8F;
            padding-top: 1px;
            margin: 1px 0;
            font-size: 0;
            line-height: 0;
        }
            
        .toolbarDropDown .tbDisabled { 
            background-color: #FFFFFF; 
        }


        .toolbarDropDown .tbDisabled .tbIcon {
            filter: alpha(opacity=40);
            opacity: 0.4;
            -moz-opacity: 0.4;            
        }

        .toolbarDropDown .tbDisabled .tbText { 
            color: #999999; 
        }

        .dashboardPageTitle 
        {
            font: 12px Arial, sans-serif;
			color: #006699;
	        padding-left: 10px;
	        border-bottom: solid 1px #cccccc;
	        
	        background-color: White;
	        height: 30px;
        }
        
        .dashboardOperationsBarOuter {  
            font-family: Verdana, Arial, Helvetica, sans-serif; 
            font-size: x-small;
            height: 30px;
            
            width: 100%;
            background-color:#ECECED;
        }

        .dashboardOperationsBar 
        {
            padding:  7px  8px  0px  8px;
            font-size: x-small;
            color: #000000
        }      
/* ---------------------------------------------- */

/* Split Button Styles */
.splitButton {
	display: inline-block;
}

.splitButton a {                                     
    color: #777; 
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.splitButton .text {
    background: transparent url('images/splitbutton.gif') no-repeat top left;
    padding: 5px 7px 5px 8px;
}

.splitButton .arrow {
    background: transparent url('images/splitbuttonarrow.gif') no-repeat top right;
    width: 19px;
    height: 22px;
}

.splitButton .arrow:hover {
	background-position: bottom right;
}

.splitButton ul {
    position: absolute; 
    border: solid 1px #999999; 
    list-style: none; 
    margin: 0px;
    padding: 2px;
    background: #FFFFFF;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.splitButton ul li a {
    padding: 3px;
    border: solid 1px #FFFFFF;
}

.splitButton ul li a:hover {
    border: solid 1px #3399FF;
    background: #CCE5FF;
}


.dtl-tbl { width: 100%; }
.dtl-tbl .hdn { background: url(../../Content/images/icon/Tbl-Bg-Grid.gif) repeat-x #007bb4; height: 30px; font: bold 10px Verdana, Arial, Tahoma; color:#fff; text-align:left; padding: 0 3px; }
.dtl-tbl .hdn a, .dtl-tbl .hdn a:hover { font: bold 10px Verdana, Arial, Tahoma; color:#fff; text-decoration: underline; }
.pdn-tp { padding-top:0px; text-align:left; vertical-align:middle; }
.dtl-tbl .oddrow { background-color: #f5f8fa; font: 10px Verdana, Arial, Tahoma; color:#000; vertical-align:top; padding-left:3px; padding-top:7px; padding-bottom:7px; padding-right:3px; text-align: left; }
.dtl-tbl .evnrow { background-color: #fff; font: 10px Verdana, Arial, Tahoma; color:#000; vertical-align:top; padding-left:3px; padding-top:7px; padding-bottom:7px; padding-right:3px; text-align: left; }
.dtl-tbl .oddrow-mdl { background-color: #f5f8fa; font: 10px Verdana, Arial, Tahoma; color:#000; vertical-align:middle; padding-left:3px; padding-right:3px; }
.dtl-tbl .evnrow-mdl { background-color: #fff; font: 10px Verdana, Arial, Tahoma; color:#000; vertical-align:middle; padding-left:3px; padding-right:3px; }
